﻿<!DOCTYPE html>
<html>
<head>
		<meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
		<title>test</title>

    <script src="jquery-1.10.2.js"></script>

    
    <script type="text/javascript" src="fusioncharts-suite-xt/js/fusioncharts.js"></script>
<script type="text/javascript" src="fusioncharts-suite-xt/js/themes/fusioncharts.theme.fint.js"></script>


</head>
<body>

<script type="text/javascript">
  FusionCharts.ready(function(){
    var revenueChart = new FusionCharts({
        "type": "column3D",
        "renderAt": "chartContainer",
        "width": "651",
        "height": "415",
        "dataFormat": "json",
        "dataSource":  {
    "chart": {
        "caption": "Monthly revenue for last year",
        "subCaption": "Harry's SuperMart",
        "xAxisName": "Month",
        "yAxisName": "Revenues (In USD)",
        "paletteColors": "#0075c2",
        "valueFontColor": "#ffffff",
        "baseFont": "Helvetica Neue,Arial",
        "captionFontSize": "14",
        "subcaptionFontSize": "14",
        "subcaptionFontBold": "0",
        "placeValuesInside": "1",
        "rotateValues": "1",
        "showShadow": "0",
        "divlineColor": "#999999",
        "divLineDashed": "1",
        "divlineThickness": "1",
        "divLineDashLen": "1",
        "divLineGapLen": "1",
        "canvasBgColor": "#ffffff"
    },
    "data": [
        {
            "label": "Jan",
            "value": "420000"
        },
        {
            "label": "Feb",
            "value": "810000"
        },
        {
            "label": "Mar",
            "value": "720000"
        },
        {
            "label": "Apr",
            "value": "550000"
        },
        {
            "label": "May",
            "value": "910000"
        },
        {
            "label": "Jun",
            "value": "510000"
        },
        {
            "label": "Jul",
            "value": "680000"
        },
        {
            "label": "Aug",
            "value": "620000"
        },
        {
            "label": "Sep",
            "value": "610000"
        },
        {
            "label": "Oct",
            "value": "490000"
        },
        {
            "label": "Nov",
            "value": "900000"
        },
        {
            "label": "Dec",
            "value": "730000"
        }
    ]
}

  });
revenueChart.render();

var html = '<div id="overrideLogoDiv" style="width:130px;height:16px;position:absolute;background-color:white;"></div>';
$("body").append(html);
var chartSpan = $("#chartContainer > span");
var chartPos = chartSpan.position();
//alert(chartPos.left+","+chartPos.top+","+chartSpan.height());
$("#overrideLogoDiv").css("left",chartPos.left+5)
$("#overrideLogoDiv").css("top",(chartPos.top+chartSpan.height()-20))
})
</script>
</head>
<body>
	
<div width="800" align="center" style="border: solid 0px; float:center;" id="chartContainer"></div>



</body>
</html>
